<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>仿知乎</title>
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <!--头部-->
    <header id="hd">
        <div class="hd-main container">
            <div class="hd-left">
                <!--logo-->
                <a href="#" class="hd-logo">
                    <img class="icon-logo" src="https://temp.im/100x34" alt="">
                </a>
                <!--导航列表-->
                <nav class="hd-nav">
                    <a href="#" class="current">首页</a>
                    <a href="#">发现</a>
                    <a href="#">话题</a>
                </nav>
                <!--搜索栏-->
                <div class="hd-search">
                    <div class="hd-search-bar">
                        <form action="">
                            <i class="itlike-search"></i>
                            <input type="text" placeholder="王思聪爆出王多多怼领导截图"/>
                        </form>
                    </div>
                    <button class="hd-search-btn">提问</button>
                </div>
            </div>
            <!--侧边-->
            <div class="hd-right">
                <a href="#"><i class="itlike-bell"></i></a>
                <a href="#"><i class="itlike-bubbles2"></i></a>
                <a href="#">
                    <img src="https://temp.im/30x30" alt="">
                </a>
            </div>
        </div>
    </header>
    <!--主体内容-->
    <main id="main" class="container">
        <!--主体左边-->
         <div class="main-left">
             <!--头部标签-->
             <div class="card">
                 <ul>
                     <li class="current"><a href="#">推荐</a></li>
                     <li><a href="#">关注</a></li>
                     <li><a href="#">热榜</a></li>
                 </ul>
             </div>
             <!--中间内容-->
             <div class="content">
                 <div class="item">
                     <!--标题-->
                     <a class="item-title" href="#">如何评价佟大为刘诗诗电视剧《如果可以这样爱》？</a>
                     <div class="item-main">
                         <div class="item-main-top">
                             <a class="item-main-l" href="#">
                                 <img src="https://picsum.photos/190/106" alt="">
                             </a>
                             <div class="item-main-r">
                                 <span>丸子头： 不好意思，我是专门来吹爆霸总保剑锋演技的！！ 上一次看国产剧坚持超过五分钟不拉快进已经是《香蜜》了，完全靠杨紫的演技撑住第一集。 这次也是一样，整部剧其实剪辑及格分数以下，剧情嘛，不至于脑残但是也…</span>
                                 <a href="#">阅读全文<i class="itlike-circle-down"></i></a>
                             </div>
                         </div>
                         <div class="item-main-bottom">
                             <div class="one">
                                 <a href="#"><i class="itlike-diamonds"></i>赞同 1.3k</a>
                                 <a href="#"><i class="itlike-diamonds"></i></a>
                             </div>
                             <a href="#"><i class="itlike-bubble"></i>335 条评论</a>
                             <a href="#"><i class="itlike-compass"></i>分享</a>
                             <a href="#"><i class="itlike-star-full"></i>收藏</a>
                             <a href="#"><i class="itlike-heart"></i>感谢</a>
                             <a href="#">···</a>
                         </div>
                     </div>
                 </div>
                 <div class="item">
                     <!--标题-->
                     <a class="item-title" href="#">如何评价佟大为刘诗诗电视剧《如果可以这样爱》？</a>
                     <div class="item-main">
                         <div class="item-main-top">
                             <a class="item-main-l" href="#">
                                <img src="https://picsum.photos/190/106" alt="">
                             </a>
                             <div class="item-main-r">
                                 <span>丸子头： 不好意思，我是专门来吹爆霸总保剑锋演技的！！ 上一次看国产剧坚持超过五分钟不拉快进已经是《香蜜》了，完全靠杨紫的演技撑住第一集。 这次也是一样，整部剧其实剪辑及格分数以下，剧情嘛，不至于脑残但是也…</span>
                                 <a href="#">阅读全文<i class="itlike-circle-down"></i></a>
                             </div>
                         </div>
                         <div class="item-main-bottom">
                             <div class="one">
                                 <a href="#"><i class="itlike-diamonds"></i>赞同 1.3k</a>
                                 <a href="#"><i class="itlike-diamonds"></i></a>
                             </div>
                             <a href="#"><i class="itlike-bubble"></i>335 条评论</a>
                             <a href="#"><i class="itlike-compass"></i>分享</a>
                             <a href="#"><i class="itlike-star-full"></i>收藏</a>
                             <a href="#"><i class="itlike-heart"></i>感谢</a>
                             <a href="#">···</a>
                         </div>
                     </div>
                 </div>
                 <div class="item">
                     <!--标题-->
                     <a class="item-title" href="#">如何评价佟大为刘诗诗电视剧《如果可以这样爱》？</a>
                     <div class="item-main">
                         <div class="item-main-top">
                             <a class="item-main-l" href="#">
                                <img src="https://picsum.photos/190/106" alt="">
                             </a>
                             <div class="item-main-r">
                                 <span>丸子头： 不好意思，我是专门来吹爆霸总保剑锋演技的！！ 上一次看国产剧坚持超过五分钟不拉快进已经是《香蜜》了，完全靠杨紫的演技撑住第一集。 这次也是一样，整部剧其实剪辑及格分数以下，剧情嘛，不至于脑残但是也…</span>
                                 <a href="#">阅读全文<i class="itlike-circle-down"></i></a>
                             </div>
                         </div>
                         <div class="item-main-bottom">
                             <div class="one">
                                 <a href="#"><i class="itlike-diamonds"></i>赞同 1.3k</a>
                                 <a href="#"><i class="itlike-diamonds"></i></a>
                             </div>
                             <a href="#"><i class="itlike-bubble"></i>335 条评论</a>
                             <a href="#"><i class="itlike-compass"></i>分享</a>
                             <a href="#"><i class="itlike-star-full"></i>收藏</a>
                             <a href="#"><i class="itlike-heart"></i>感谢</a>
                             <a href="#">···</a>
                         </div>
                     </div>
                 </div>
                 <div class="item">
                     <!--标题-->
                     <a class="item-title" href="#">如何评价佟大为刘诗诗电视剧《如果可以这样爱》？</a>
                     <div class="item-main">
                         <div class="item-main-top">
                             <a class="item-main-l" href="#">
                                <img src="https://picsum.photos/190/106" alt="">
                             </a>
                             <div class="item-main-r">
                                 <span>丸子头： 不好意思，我是专门来吹爆霸总保剑锋演技的！！ 上一次看国产剧坚持超过五分钟不拉快进已经是《香蜜》了，完全靠杨紫的演技撑住第一集。 这次也是一样，整部剧其实剪辑及格分数以下，剧情嘛，不至于脑残但是也…</span>
                                 <a href="#">阅读全文<i class="itlike-circle-down"></i></a>
                             </div>
                         </div>
                         <div class="item-main-bottom">
                             <div class="one">
                                 <a href="#"><i class="itlike-diamonds"></i>赞同 1.3k</a>
                                 <a href="#"><i class="itlike-diamonds"></i></a>
                             </div>
                             <a href="#"><i class="itlike-bubble"></i>335 条评论</a>
                             <a href="#"><i class="itlike-compass"></i>分享</a>
                             <a href="#"><i class="itlike-star-full"></i>收藏</a>
                             <a href="#"><i class="itlike-heart"></i>感谢</a>
                             <a href="#">···</a>
                         </div>
                     </div>
                 </div>
                 <div class="item">
                     <!--标题-->
                     <a class="item-title" href="#">如何评价佟大为刘诗诗电视剧《如果可以这样爱》？</a>
                     <div class="item-main">
                         <div class="item-main-top">
                             <a class="item-main-l" href="#">
                                <img src="https://picsum.photos/190/106" alt="">
                             </a>
                             <div class="item-main-r">
                                 <span>丸子头： 不好意思，我是专门来吹爆霸总保剑锋演技的！！ 上一次看国产剧坚持超过五分钟不拉快进已经是《香蜜》了，完全靠杨紫的演技撑住第一集。 这次也是一样，整部剧其实剪辑及格分数以下，剧情嘛，不至于脑残但是也…</span>
                                 <a href="#">阅读全文<i class="itlike-circle-down"></i></a>
                             </div>
                         </div>
                         <div class="item-main-bottom">
                             <div class="one">
                                 <a href="#"><i class="itlike-diamonds"></i>赞同 1.3k</a>
                                 <a href="#"><i class="itlike-diamonds"></i></a>
                             </div>
                             <a href="#"><i class="itlike-bubble"></i>335 条评论</a>
                             <a href="#"><i class="itlike-compass"></i>分享</a>
                             <a href="#"><i class="itlike-star-full"></i>收藏</a>
                             <a href="#"><i class="itlike-heart"></i>感谢</a>
                             <a href="#">···</a>
                         </div>
                     </div>
                 </div>
                 <div class="item">
                     <!--标题-->
                     <a class="item-title" href="#">如何评价佟大为刘诗诗电视剧《如果可以这样爱》？</a>
                     <div class="item-main">
                         <div class="item-main-top">
                             <a class="item-main-l" href="#">
                                <img src="https://picsum.photos/190/106" alt="">
                             </a>
                             <div class="item-main-r">
                                 <span>丸子头： 不好意思，我是专门来吹爆霸总保剑锋演技的！！ 上一次看国产剧坚持超过五分钟不拉快进已经是《香蜜》了，完全靠杨紫的演技撑住第一集。 这次也是一样，整部剧其实剪辑及格分数以下，剧情嘛，不至于脑残但是也…</span>
                                 <a href="#">阅读全文<i class="itlike-circle-down"></i></a>
                             </div>
                         </div>
                         <div class="item-main-bottom">
                             <div class="one">
                                 <a href="#"><i class="itlike-diamonds"></i>赞同 1.3k</a>
                                 <a href="#"><i class="itlike-diamonds"></i></a>
                             </div>
                             <a href="#"><i class="itlike-bubble"></i>335 条评论</a>
                             <a href="#"><i class="itlike-compass"></i>分享</a>
                             <a href="#"><i class="itlike-star-full"></i>收藏</a>
                             <a href="#"><i class="itlike-heart"></i>感谢</a>
                             <a href="#">···</a>
                         </div>
                     </div>
                 </div>
             </div>
         </div>
         <!--主体右边-->
         <div class="main-right">
             <div class="r-one">
                 <div class="r-one-item">
                     <i class="itlike-book"></i>
                     <span>写回答</span>
                 </div>
                 <div class="r-one-item">
                     <i class="itlike-file-text2"></i>
                     <span>写文章</span>
                 </div>
                 <div class="r-one-item">
                     <i class="itlike-pencil"></i>
                     <span>写想法</span>
                 </div>
             </div>
             <div class="r-two">
                 <div class="r-two-item">
                     <i class="itlike-power orangered"></i>
                     <span>Live</span>
                 </div>
                 <div class="r-two-item">
                     <i class="itlike-book green"></i>
                     <span>书店</span>
                 </div>
                 <div class="r-two-item">
                     <i class="itlike-firefox blue"></i>
                     <span>圆桌</span>
                 </div>
                 <div class="r-two-item">
                     <i class="itlike-pencil red"></i>
                     <span>专栏</span>
                 </div>
                 <div class="r-two-item">
                     <i class="itlike-coin-yen purple"></i>
                     <span>付费咨询</span>
                 </div>
             </div>
             <div class="r-three">
                 <a href="#">
                     <img src="https://temp.im/540x450" alt="">
                 </a>
                 <a class="ad" href="">广告</a>
                 <span class="close">×</span>
             </div>
             <div class="r-three">
                 <a href="#">
                    <img src="https://temp.im/540x450" alt="">
                 </a>
                 <a class="ad" href="">广告</a>
                 <span class="close">×</span>
             </div>
         </div>
    </main>
</body>
</html>